1.可在jsp,html页面嵌入excel,实现页面的自动配置化 2.基本功能不需要收取任何费用 3.使用谷歌引擎,IE11以下版本不能使用功能,只能显示
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>SpreadJS - Samples</title> <link rel="icon" type="image/png" href="css/images/splogo.png" /> <!--Font-Awesome--> <link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/bootstrap-theme.min.css" /> <!--SpreadJS Css--> <link rel="stylesheet" href="css/gcspread.sheets.excel2013white.9.40.20161.0.css" title="spread-theme" /> <link rel="stylesheet" href="css/inspector.css" /> <link rel="stylesheet" href="css/insp-table-format.css" /> <link rel="stylesheet" href="css/insp-slicer-format.css" /> <link rel="stylesheet" href="css/insp-conditional-formatting.css" /> <link rel="stylesheet" href="css/colorpicker.css" /> <link rel="stylesheet" href="css/borderpicker.css" /> <link rel="stylesheet" href="css/insp-spread.css" /> <link rel="stylesheet" href="css/sample.css" /> <!--jQuery References--> <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="scripts/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <script type="text/javascript" src="scripts/gcspread.sheets.all.9.40.20161.0.min.js"></script> <script type="text/javascript" src="scripts/FileSaver.min.js"></script> <script type="text/javascript" src="scripts/resources.js"></script> <script type="text/javascript" src="scripts/sample.js"></script></head><body class="unselectable"> <div class="toolbar" id="toolbar"> <div class="toolbar-left-section"> <div class="toolbar-spread"> <span class="sample-head-logo"></span> <div class="sample-head-text">SpreadJS</div> </div> <div class="btn-group" role="group" aria-label="toolbar" style="margin-top: 10px;margin-left:10px;"> <div> <div class="insp-row"> <div> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doImport" title="@toolBar.importJson@"> <span class="fa fa-folder-open fa-2x"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doExport" title="@toolBar.exportJson@"> <span class="fa fa-floppy-o fa-2x"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="doClear" title="@toolBar.clear.title@"> <span class="fa fa-eraser fa-2x"></span> </button> <div class="insp-dropdown-list insp-inline-row v-middle localize-tooltip" data-list-ref="zoomList" data-name="zoomSpread" title="@toolBar.zoom.title@"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12 btn-zoom btn-hover"> <div style="width: 100%; height: 100%"> <span class="display btn-zoom-text"></span><span class="caret"></span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="toolbar-middle-section"> <div class="btn-group" role="group" aria-label="toolbar" style="margin-top: 10px;"> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addtable" title="@toolBar.insertTable@"> <span class="fa fa-table fa-2x"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addpicture" title="@toolBar.insertPicture@"> <span class="fa fa-picture-o fa-2x"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="addcomment" title="@toolBar.insertComment@"> <span class="fa fa-comment fa-2x"></span> </button> <div class="btn-group" role="group"> <button type="button" class="btn btn-default btn-toolbar dropdown-toggle localize-tooltip" data-toggle="dropdown" aria-expanded="false" title="@toolBar.insertSparkline@"> <span class="fa fa-bar-chart-o fa-2x"></span> </button> <ul class="dropdown-menu" role="menu" id="sparklineextypes"> <li> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="lineSparkline" title="@sparklineDialog.sparklineExType.values.line@"> <span class="ui-icon sparkline-line"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="columnSparkline" title="@sparklineDialog.sparklineExType.values.column@"> <span class="ui-icon sparkline-column"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="winlossSparkline" title="@sparklineDialog.sparklineExType.values.winLoss@"> <span class="ui-icon sparkline-winloss"></span> </button> </li> <li> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="pieSparkline" title="@sparklineDialog.sparklineExType.values.pie@"> <span class="ui-icon sparkline-pie"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="areaSparkline" title="@sparklineDialog.sparklineExType.values.area@"> <span class="ui-icon sparkline-area"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="scatterSparkline" title="@sparklineDialog.sparklineExType.values.scatter@"> <span class="ui-icon sparkline-scatter"></span> </button> </li> <li> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="spreadSparkline" title="@sparklineDialog.sparklineExType.values.spread@"> <span class="ui-icon sparkline-spread"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="stackedSparkline" title="@sparklineDialog.sparklineExType.values.stacked@"> <span class="ui-icon sparkline-stacked"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="boxplotSparkline" title="@sparklineDialog.sparklineExType.values.boxplot@"> <span class="ui-icon sparkline-boxplot"></span> </button> </li> <li> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="cascadeSparkline" title="@sparklineDialog.sparklineExType.values.cascade@"> <span class="ui-icon sparkline-cascade"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="paretoSparkline" title="@sparklineDialog.sparklineExType.values.pareto@"> <span class="ui-icon sparkline-pareto"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="bulletSparkline" title="@sparklineDialog.sparklineExType.values.bullet@"> <span class="ui-icon sparkline-bullet"></span> </button> </li> <li> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="hbarSparkline" title="@sparklineDialog.sparklineExType.values.hbar@"> <span class="ui-icon sparkline-hbar"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="vbarSparkline" title="@sparklineDialog.sparklineExType.values.vbar@"> <span class="ui-icon sparkline-vbar"></span> </button> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="variSparkline" title="@sparklineDialog.sparklineExType.values.variance@"> <span class="ui-icon sparkline-variance"></span> </button> </li> </ul> </div> <button type="button" class="btn btn-default btn-toolbar localize-tooltip hidden" id="addslicer" title="@toolBar.insertSlicer@"> <span class="fa fa-filter fa-2x"></span> </button> </div> </div> <div class="toolbar-right-section"> <button type="button" class="btn btn-default btn-toolbar localize-tooltip" id="toggleInspector" title="@toolBar.hideInspector@"> <span class="fa fa-angle-right fa-2x"></span> </button> </div> </div> <div class="content-container"> <div id="inner-content-container"> <table id="formulaBar" style="width: 100%;"> <tbody> <tr> <td style="vertical-align:top;"> <input type="text" id="positionbox" disabled="disabled" style="/*text-align: center;*/ padding: 5px; border-width: 0; background-color: rgb(235, 235, 228); height: 36px;"> </td> <td style="width: 100%; border-left: 1px solid #ccc;"> <div id="formulabox" contenteditable="true" spellcheck="false" style="overflow: hidden; height: 36px; width: 100%; padding: 9px;"></div> <div class="vertical-splitter ui-draggable" id="verticalSplitter"></div> </td> </tr> </tbody> </table> <div class="spread-container" id="controlPanel" style="height: 600px; bottom: 0;"> <div id="ss" style="height: 100%; border: 1px solid #ddd;"></div> </div> </div> <div class="insp-container"> <div> <ul class="nav nav-tabs nav-justified"> <li class="insp-cate-tab active"> <a href="#spreadTab" data-toggle="tab" class="localize">@tabs.spread@</a> </li> <li class="insp-cate-tab"> <a href="#sheetTab" data-toggle="tab" class="localize">@tabs.sheet@</a> </li> <li class="insp-cate-tab"> <a href="#cellTab" data-toggle="tab" class="localize">@tabs.cell@</a> </li> <li class="insp-cate-tab hidden"> <a href="#tableTab" data-toggle="tab" class="localize">@tabs.table@</a> </li> <li class="insp-cate-tab"> <a href="#dataTab" data-toggle="tab" class="localize">@tabs.data@</a> </li> <li class="insp-cate-tab hidden"> <a href="#commentTab" data-toggle="tab" class="localize">@tabs.comment@</a> </li> <li class="insp-cate-tab hidden"> <a href="#pictureTab" data-toggle="tab" class="localize">@tabs.picture@</a> </li> <li class="insp-cate-tab hidden"> <a href="#sparklineExTab" data-toggle="tab" class="localize">@tabs.sparklineEx@</a> </li> <li class="insp-cate-tab hidden"> <a href="#slicerTab" data-toggle="tab" class="localize">@tabs.slicer@</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="spreadTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="canUserDragDrop"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.general.allowDragDrop@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="canUserDragFill"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.general.allowDragFill@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="allowZoom"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.general.allowZoom@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="allowOverflow"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.general.allowOverfolow@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showDragFillSmartTag"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.general.showDragFillSmartTag@</div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="resizeZeroIndicatorList" data-name="resizeZeroIndicator"> <div class="title insp-inline-row-item insp-col-6 localize">@spreadTab.resizeZeroIndicator.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.calculation.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div class="text insp-inline-row-item localize">@spreadTab.calculation.referenceStyle.title@</div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row insp-col-12" data-name="referenceStyle"> <div class="radiobutton insp-inline-row-item insp-col-offset-1 checked" data-name="a1style"></div> <div class="text insp-inline-row-item insp-col-3 localize" data-name="a1style">@spreadTab.calculation.referenceStyle.A1@</div> <div class="radiobutton insp-inline-row-item" data-name="r1c1style"></div> <div class="text insp-inline-row-item insp-col-3 localize" data-name="r1c1style">@spreadTab.calculation.referenceStyle.R1C1@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.scrollBar.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showVerticalScrollbar"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showVertical@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showHorizontalScrollbar"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showHorizontal@</div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scrollbarMaxAlign"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.scrollBar.maxAlign@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scrollbarShowMax"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.scrollBar.showMax@</div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scrollIgnoreHidden"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.scrollBar.scrollIgnoreHidden@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.tabStip.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="tabStripVisible"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tabStip.visible@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="newTabVisible"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tabStip.newTabVisible@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="tabEditable"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tabStip.editable@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showTabNavigation"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tabStip.showTabNavigation@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.color.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="spreadBackcolor"> <div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.color.spreadBackcolor@</div> <div class="picker insp-inline-row-item insp-col-4"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(255, 255, 255);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="grayAreaBackcolor"> <div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.color.grayAreaBackcolor@</div> <div class="picker insp-inline-row-item insp-col-4"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.tip.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="scrollTipList" data-name="scrollTip"> <div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.tip.scrollTip.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="resizeTipList" data-name="resizeTip"> <div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.tip.resizeTip.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showDragDropTip"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tip.showDragDropTip@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showDragFillTip"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.tip.showDragFillTip@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.sheets.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="sheetNameList" data-name="sheetName"> <div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.sheets.sheetName@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display">Sheet1</span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="sheetVisible" style="width: 100%"> <div class="insp-col-offset-4"><div class="button insp-inline-row-item checked"></div><div class="text insp-inline-row-item localize">@spreadTab.sheets.sheetVisible@</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.cutCopyIndicator.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="cutCopyIndicatorVisible"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@spreadTab.cutCopyIndicator.visible@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="cutCopyIndicatorBorderColor"> <div class="title insp-inline-row-item insp-col-8 localize">@spreadTab.cutCopyIndicator.borderColor@</div> <div class="picker insp-inline-row-item insp-col-4"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@spreadTab.spreadTheme.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="spreadThemeList" data-name="spreadTheme" id="spreadTheme"> <div class="title insp-inline-row-item insp-col-4 localize">@spreadTab.spreadTheme.theme.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="sheetTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="sheetName"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.name@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="rowCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.rowCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="columnCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.columnCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="sheetTabColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.general.tabColor@</div> <div class="picker insp-inline-row-item insp-col-6"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgba(0, 0, 0, 0);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.freeze.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="frozenRowCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenRowCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="frozenColumnCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenColumnCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="trailingFrozenRowCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.trailingFrozenRowCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="trailingFrozenColumnCount"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.trailingFrozenColumnCount@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="frozenLineColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.freeze.frozenLineColor@</div> <div class="picker insp-inline-row-item insp-col-6"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> <div class="group-item-divider"> </div> <div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="freezePane">@sheetTab.freeze.freezePane@</div></div><div class="item"> <div class="button btn btn-default localize" id="unfreeze">@sheetTab.freeze.unfreeze@</div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.gridLine.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showVerticalGridline"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.gridLine.showVertical@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showHorizontalGridline"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.gridLine.showHorizontal@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="gridlineColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.gridLine.color@</div> <div class="picker insp-inline-row-item insp-col-6"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(208, 215, 229);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.header.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showRowHeader"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.header.showRowHeader@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showColumnHeader"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.header.showColumnHeader@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.selection.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="selectionPolicyList" data-name="selectionPolicy"> <div class="title insp-inline-row-item insp-col-4 localize">@sheetTab.selection.policy.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="selectionUnitList" data-name="selectionUnit"> <div class="title insp-inline-row-item insp-col-4 localize">@sheetTab.selection.unit.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="selectionBorderColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.selection.borderColor@</div> <div class="picker insp-inline-row-item insp-col-6"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(255, 255, 255);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row show-nofill-color" data-name="selectionBackColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sheetTab.selection.backColor@</div> <div class="picker insp-inline-row-item insp-col-6"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="hideSelection"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.selection.hide@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sheetTab.protection.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxProtectSheet"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.protectSheet@</div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxSelectLockedCells"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.selectLockCells@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxSelectUnlockedCells"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.selectUnlockedCells@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxSort"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.sort@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxUseAutoFilter"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.useAutoFilter@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxResizeRows"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.resizeRows@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxResizeColumns"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.resizeColumns@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxEditObjects"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sheetTab.protection.editObjects@</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="cellTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.style.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-button-group insp-inline-row"> <div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"><span class="btn btn-default font-bold localize-tooltip" data-name="bold" title="@tooltips.style.fontBold@">B</span><span class="btn btn-default font-italic localize-tooltip" data-name="italic" title="@tooltips.style.fontItalic@">I</span><span class="btn btn-default font-underline localize-tooltip" data-name="underline" title="@tooltips.style.fontUnderline@">U</span><span class="btn btn-default font-overline localize-tooltip" data-name="overline" title="@tooltips.style.fontOverline@">O</span><span class="btn btn-default font-strikethrough localize-tooltip" data-name="strikethrough" title="@tooltips.style.fontLinethrough@">S</span> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontFamilyList" data-name="fontFamily"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.fontFamily@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontSizeList" data-name="fontSize"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.fontSize@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="foreColor"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.foreColor@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(79, 129, 189);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row show-nofill-color" data-name="backColor"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.style.backColor@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(220, 231, 241);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.border.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div class="insp-groups"> <div> <div class="group-item"><div class="spread-border-icon-outsideborder image localize-tooltip" data-name="outsideBorder" title="@tooltips.border.outsideBorder@"></div> </div> <div class="group-item"><div class="spread-border-icon-insideborder image localize-tooltip" data-name="insideBorder" title="@tooltips.border.insideBorder@"></div> </div> <div class="group-item"><div class="spread-border-icon-allborder image localize-tooltip" data-name="allBorder" title="@tooltips.border.allBorder@"></div> </div> </div> <div> <div class="group-item"><div class="spread-border-icon-leftborder image localize-tooltip" data-name="leftBorder" title="@tooltips.border.leftBorder@"></div> </div> <div class="group-item"><div class="spread-border-icon-innervertical image localize-tooltip" data-name="innerVerticalBorder" title="@tooltips.border.innerVertical@"></div> </div> <div class="group-item"><div class="spread-border-icon-rightborder image localize-tooltip" data-name="rightBorder" title="@tooltips.border.rightBorder@"></div> </div> </div> <div> <div class="group-item"><div class="spread-border-icon-topborder image localize-tooltip" data-name="topBorder" title="@tooltips.border.topBorder@"></div> </div> <div class="group-item"><div class="spread-border-icon-innerhorizontal image localize-tooltip" data-name="innerHorizontalBorder" title="@tooltips.border.innerHorizontal@"></div> </div> <div class="group-item"><div class="spread-border-icon-bottomborder image localize-tooltip" data-name="bottomBorder" title="@tooltips.border.bottomBorder@"></div> </div> </div> </div> <div class="insp-groups right-border-group"> <div> <div class="insp-row"><div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="borderLineList" data-name="borderLine" id="borderLineType"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.border.rangeBorderLine@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <div id="border-line-type"></div> <span class="caret"></span> </div> </div> </div></div> </div> </div> <div> <div class="insp-row"><div> <div class="insp-color-picker insp-inline-row" data-name="borderColor"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.border.rangeBorderColor@</div> <div class="picker insp-inline-row-item insp-col-8"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 0);"></div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.alignment.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-radio-button-group insp-inline-row" data-name="vAlign"> <div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"><span class="btn btn-default btn-icon localize-tooltip" data-name="top" title="@tooltips.alignment.topAlign@"> <span class="ui-icon smallicon icon-topalign"></span></span><span class="btn btn-default btn-icon localize-tooltip" data-name="middle" title="@tooltips.alignment.middleAlign@"> <span class="ui-icon smallicon icon-middlealign"></span></span><span class="btn btn-default btn-icon localize-tooltip" data-name="bottom" title="@tooltips.alignment.bottomAlign@"> <span class="ui-icon smallicon icon-bottomalign"></span></span> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-radio-button-group insp-inline-row" data-name="hAlign"> <div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"><span class="btn btn-default btn-icon localize-tooltip" data-name="left" title="@tooltips.alignment.leftAlign@"> <span class="ui-icon smallicon icon-leftalign"></span></span><span class="btn btn-default btn-icon localize-tooltip" data-name="center" title="@tooltips.alignment.centerAlign@"> <span class="ui-icon smallicon icon-centeralign"></span></span><span class="btn btn-default btn-icon localize-tooltip" data-name="right" title="@tooltips.alignment.rightAlign@"> <span class="ui-icon smallicon icon-rightalign"></span></span> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-button-group insp-inline-row"> <div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="decreaseIndent" title="@tooltips.alignment.decreaseIndent@"> <span class="ui-icon smallicon icon-decreaseindent"></span></span><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="increaseIndent" title="@tooltips.alignment.increaseIndent@"> <span class="ui-icon smallicon icon-increaseindent"></span></span> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="wrapText"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@cellTab.alignment.wrapText@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.format.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="commomFormatList" data-name="commomFormat" id="commomFormatType"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-button-group insp-inline-row"> <div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="percentStyle" title="@tooltips.format.percentStyle@"> <span class="ui-icon smallicon icon-percentstyle"></span></span><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="commaStyle" title="@tooltips.format.commaStyle@"> <span class="ui-icon smallicon icon-commastyle"></span></span><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="increaseDecimal" title="@tooltips.format.increaseDecimal@"> <span class="ui-icon smallicon icon-increasedecimal"></span></span><span class="btn btn-default btn-icon no-toggle localize-tooltip" data-name="decreaseDecimal" title="@tooltips.format.decreaseDecimal@"> <span class="ui-icon smallicon icon-decreasedecimal"></span></span> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="customFormat"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTab.format.custom@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.merge.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="mergeCells" disabled="disabled">@cellTab.merge.mergeCells@</div></div><div class="item"> <div class="button btn btn-default localize" id="unmergeCells" disabled="disabled">@cellTab.merge.unmergeCells@</div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span id="groupCellType"> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.cellType.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="cellTypesList" data-name="cellTypes" id="cellTypes"> <div class="title insp-inline-row-item insp-col-4 localize">@cellTypes.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span></div> </div> </div> </div> </div> </div> <div id="cellTypeSettingContainer"> <div id="celltype-button"> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div><div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginTop"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginTop@</div> <input class="editor insp-inline-row-item insp-col-6" type="number" value="2"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginRight"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginRight@</div> <input class="editor insp-inline-row-item insp-col-6" type="number" value="4"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginBottom"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginBottom@</div> <input class="editor insp-inline-row-item insp-col-6" type="number" value="2"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-number insp-inline-row" data-name="buttonCellTypeMarginLeft"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.marginLeft@</div> <input class="editor insp-inline-row-item insp-col-6" type="number" value="4"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="buttonCellTypeText"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.text@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.buttonText@"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="buttonCellTypeBackColor"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.buttonCellType.values.backColor@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(242, 242, 242);"></div> </div> </div></div> </div> </div> </div> </div> <div id="celltype-checkbox"> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="checkboxCellTypeCaption"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.caption@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.checkCaption@"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextTrue"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textTrue@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextIndeterminate"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textIndeterminate@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="checkboxCellTypeTextFalse"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textFalse@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="checkboxCellTypeTextAlignList" data-name="checkboxCellTypeTextAlign" id="checkboxCellTypeTextAlignOption"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.checkBoxCellType.values.textAlign.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row" data-name="checkboxCellTypeIsThreeState"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@cellTypes.checkBoxCellType.values.isThreeState@</div></div> </div> </div> </div> </div> <div id="celltype-combobox"> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="comboboxCellTypeEditorValueTypeList" data-name="comboboxCellTypeEditorValueType" id="comboboxCellTypeEditorValueTypeOption"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.editorValueType.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="comboboxCellTypeItemsText"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.itemsText@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" placeholder="(eg:123,456,789)" value="@defaultTexts.comboText@"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="comboboxCellTypeItemsValue"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.comboBoxCellType.values.itemsValue@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" placeholder="(eg:abc,def,ghi)" value="@defaultTexts.comboValue@"></div> </div> </div> </div> </div> <div id="celltype-hyperlink"> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="hyperlinkCellTypeLinkColor"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.linkColor@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 102, 204);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="hyperlinkCellTypeVisitedLinkColor"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.visitedLinkColor@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(51, 153, 255);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="hyperlinkCellTypeText"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.text@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.hyperlinkText@"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="hyperlinkCellTypeLinkToolTip"> <div class="title insp-inline-row-item insp-col-6 localize">@cellTypes.hyperlinkCellType.values.linkToolTip@</div> <input class="editor insp-inline-row-item insp-col-6 localize-value" type="text" value="@defaultTexts.hyperlinkToolTip@"></div> </div> </div> </div> </div> <div id="setCellTypeContainer"> <div class="group-item-divider"></div> <div class="insp-row insp-col-offset-8"> <div class="button btn btn-default group-set localize" id="setCellTypeBtn">@cellTypes.setButton@</div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.conditionalFormat.title@</span> </span> </div> <div class="insp-group-content"> <div id="conditionalFormatSettingContainer"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="conditionalFormatList" data-name="conditionalFormat" id="conditionalFormatType"><div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.title@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div></div> </div> </div> </div> </div> <div class="details"> <div class="group-item-divider"></div> <div class="settingGroup"> <div class="conditionalformat-content-style groupitem" data-group="normal"> <div><div class="insp-row"> <span id="ruletext" class="dialog-content-title"></span></div> </div> <div><div class="insp-row"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="highlightCellsRulesList" data-name="ruleType" id="highlightCellsRule"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div></div> </div> <div><div class="insp-row"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="highlightCellsRulesOperatorList" data-name="comparisonOperator" id="ComparisonOperator"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div></div> </div> <div><div class="insp-row"> <div class="insp-text insp-inline-row"> <input class="editor insp-inline-row-item insp-col-5" id="value1" type="text"> <div class="text insp-inline-row-item insp-col-2 center-align localize" id="andtext">@conditionalFormat.texts.and@</div> <input class="editor insp-inline-row-item insp-col-5" id="value2" type="text"> </div> <div class="text insp-inline-row-item insp-col-12" id="formattext"></div></div> </div> <div id="formatSetting"><div class="insp-row"> <span id="withtext" class="localize">@conditionalFormat.texts.formatStyle@</span></div><div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="formatForeColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="useFormatForeColor"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseForeColor@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 128, 0);"></div> </div> </div> </div> </div></div><div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="formatBackColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="useFormatBackColor"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseBackColor@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(255, 0, 0);"></div> </div> </div> </div> </div></div><div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="formatBorderColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="useFormatBorder"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.formatSetting.formatUseBorder@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(255, 199, 206);"></div> </div> </div> </div> </div></div> </div> <div id="colorScale" class="dialog-content-notshow"><div> <div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.minimum@</span> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMinTypeList" data-name="minType"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-text insp-inline-row" data-name="minValue"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="minColor"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div> <div class="picker insp-inline-row-item insp-col-8"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(248, 105, 107);"></div> </div> </div> </div> </div> </div> </div></div><div id="midpoint"> <div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.midpoint@</span> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMidTypeList" data-name="midType"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-text insp-inline-row" data-name="midValue"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="text" value="50"> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="midColor"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div> <div class="picker insp-inline-row-item insp-col-8"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(255, 235, 132);"></div> </div> </div> </div> </div> </div> </div></div><div> <div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.colorScales.labels.maximum@</span> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="colorScaleMaxTypeList" data-name="maxType"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.type@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-text insp-inline-row" data-name="maxValue"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="maxColor"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.colorScales.labels.color@</div> <div class="picker insp-inline-row-item insp-col-8"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(99, 190, 123);"></div> </div> </div> </div> </div> </div> </div></div> </div> </div> <div class="databar-content-style groupitem" data-group="databar"> <div><div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.minimum@</span> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarMinimumTypeList" data-name="minimumType"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.type@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-number insp-inline-row" data-name="minimumValue"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.value@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div></div> </div> <div><div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.maximum@</span> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarMaximumTypeList" data-name="maximumType"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.type@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-number insp-inline-row" data-name="maximumValue"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.value@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div></div> </div> <div><div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.appearance@</span> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-checkbox insp-inline-row" data-name="showBarOnly"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.showBarOnly@</div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="gradientColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="gradient"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.useGradient@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(99, 190, 123);"></div> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="barBorderColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="showBorder"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.showBorder@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 0);"></div> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarDirectionList" data-name="dataBarDirection"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.barDirection@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="negativeFillColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="useNegativeFillColor"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.negativeFillColor@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(255, 0, 0);"></div> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="negativeBorderColor"> <div class="title insp-inline-row-item insp-col-6"> <div class="insp-checkbox insp-inline-row" data-name="useNegativeBorderColor"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.dataBars.labels.negativeBorderColor@</div> </div> </div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 0);"></div> </div> </div> </div> </div> </div></div> </div> <div><div> <div class="insp-row"> <span class="groupheader localize">@conditionalFormat.ruleTypes.dataBars.labels.axis@</span> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="dataBarAxisPositionList" data-name="axisPosition"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.axisPosition@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div> <div class="insp-row"> <div class="insp-col-offset-1"> <div class="insp-color-picker insp-inline-row" data-name="barAxisColor"> <div class="title insp-inline-row-item insp-col-6 localize">@conditionalFormat.ruleTypes.dataBars.labels.axisColor@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 0);"></div> </div> </div> </div> </div> </div></div> </div> </div> <div class="iconset-content-style groupitem" data-group="iconset"> <div><div class="insp-row"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetTypeList" data-name="iconSetType"> <div class="title insp-inline-row-item insp-col-4 localize">@conditionalFormat.ruleTypes.iconSets.labels.style@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div></div> </div> <div><div class="insp-row"> <div class="insp-checkbox insp-inline-row" data-name="showIconOnly"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.iconSets.labels.showIconOnly@</div> </div></div> </div> <div><div class="insp-row"> <div class="insp-checkbox insp-inline-row" data-name="reverseIconOrder"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@conditionalFormat.ruleTypes.iconSets.labels.reverseIconOrder@</div> </div></div> </div> <div><div class="insp-row"> <span class="localize">@conditionalFormat.texts.showIconWithRules@</span></div> </div> <div id="iconCriteriaSetting"><div class="settinggroup"> <div class="insp-row"> <div class="insp-inline-row-item insp-col-3"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator1"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display">>=</span><span class="caret"></span> </div> </div> </div> </div> <div class="insp-inline-row-item insp-col-4"> <input class="editor insp-inline-row-item insp-col-12" type="number"> </div> <div class="insp-inline-row-item insp-col-4"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType1"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div class="settinggroup"> <div class="insp-row"> <div class="insp-inline-row-item insp-col-3"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator2"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display">>=</span><span class="caret"></span> </div> </div> </div> </div> <div class="insp-inline-row-item insp-col-4"> <input class="editor insp-inline-row-item insp-col-12" type="number"> </div> <div class="insp-inline-row-item insp-col-4"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType2"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div class="settinggroup"> <div class="insp-row"> <div class="insp-inline-row-item insp-col-3"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator3"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display">>=</span><span class="caret"></span> </div> </div> </div> </div> <div class="insp-inline-row-item insp-col-4"> <input class="editor insp-inline-row-item insp-col-12" type="number"> </div> <div class="insp-inline-row-item insp-col-4"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType3"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div><div class="settinggroup"> <div class="insp-row"> <div class="insp-inline-row-item insp-col-3"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaOperatorList" data-name="iconSetCriteriaOperator4"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display">>=</span><span class="caret"></span> </div> </div> </div> </div> <div class="insp-inline-row-item insp-col-4"> <input class="editor insp-inline-row-item insp-col-12" type="number"> </div> <div class="insp-inline-row-item insp-col-4"> <div class="insp-dropdown-list insp-inline-row" data-list-ref="iconSetCriteriaTypeList" data-name="iconSetCriteriaType4"> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-12"> <div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row insp-col-offset-8"> <div class="button btn btn-default group-set localize" id="setConditionalFormat">@conditionalFormat.setButton@</div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@cellTab.protection.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" id="lockCells" data-name="checkboxLockCell"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@cellTab.protection.lock@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div class="text insp-inline-row-item localize" id="protectSheetText">@cellTab.protection.sheetIsUnprotected@</div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="tableTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@tableTab.tableStyle.title@</span> </span> </div> <div class="insp-group-content" style="padding-right: 8px;"> <div> <div class="insp-row"> <div> <div class="table-format-2013" id="tableStyles"> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light1@"> <div data-name="light1"> <div class="table-format-icon table-format-light1"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light2@"> <div data-name="light2"> <div class="table-format-icon table-format-light2"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light3@"> <div data-name="light3"> <div class="table-format-icon table-format-light3"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.light.light7@"> <div data-name="light7"> <div class="table-format-icon table-format-light7"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium1@"> <div data-name="medium1"> <div class="table-format-icon table-format-medium1"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium2@"> <div data-name="medium2"> <div class="table-format-icon table-format-medium2"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium3@"> <div data-name="medium3"> <div class="table-format-icon table-format-medium3"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.medium.medium7@"> <div data-name="medium7"> <div class="table-format-icon table-format-medium7"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark1@"> <div data-name="dark1"> <div class="table-format-icon table-format-dark1"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark2@"> <div data-name="dark2"> <div class="table-format-icon table-format-dark2"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark3@"> <div data-name="dark3"> <div class="table-format-icon table-format-dark3"></div> </div> </div></div> </div> <div><div> <div class="table-format-item localize-tooltip" title="@tableTab.tableStyle.dark.dark7@"> <div data-name="dark7"> <div class="table-format-icon table-format-dark7"></div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@tableTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="tableName"> <div class="title insp-inline-row-item insp-col-4 localize">@tableTab.general.tableName@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@tableTab.options.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="tableFilterButton"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@tableTab.options.filterButton@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableHeaderRow"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@tableTab.options.headerRow@</div> </div> <div class="insp-checkbox insp-inline-row" data-name="tableTotalRow"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@tableTab.options.totalRow@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableBandedRows"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@tableTab.options.bandedRows@</div> </div> <div class="insp-checkbox insp-inline-row" data-name="tableBandedColumns"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@tableTab.options.bandedColumns@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row insp-col-6" data-name="tableFirstColumn"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@tableTab.options.firstColumn@</div> </div> <div class="insp-checkbox insp-inline-row" data-name="tableLastColumn"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@tableTab.options.lastColumn@</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="dataTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@dataTab.sort.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="sortAZ">@dataTab.sort.asc@</div></div><div class="item"> <div class="button btn btn-default localize" id="sortZA">@dataTab.sort.desc@</div></div><div class="item"> <div class="button btn btn-default localize" id="filter">@dataTab.sort.filter@</div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@dataTab.group.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="group">@dataTab.group.group@</div></div><div class="item"> <div class="button btn btn-default localize" id="ungroup">@dataTab.group.ungroup@</div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="showDetail">@dataTab.group.showDetail@</div></div><div class="item"> <div class="button btn btn-default localize" id="hideDetail">@dataTab.group.hideDetail@</div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showRowRangeGroup"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@dataTab.group.showRowRangeGroup@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="showColumnRangeGroup"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@dataTab.group.showColumnRangeGroup@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@dataTab.dataValidation.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="highlightInvalidData" id="highlightInvalidData"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.circleInvalidData@</div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@dataTab.dataValidation.setting.title@</span> </div> </div> <div> <div> <div class="insp-row"><div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorTypeList" data-name="validatorType" id="validatorType"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorType.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div></div> </div> </div> <div> <div class="insp-row"><div> <div class="insp-checkbox insp-inline-row" data-name="ignoreBlank"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.ignoreBlank@</div> </div></div> </div> </div> <div class="group-item-divider"></div> <div id="validatorNumberType"> <div><div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="numberValidatorComparisonOperator" id="numberValidatorComparisonOperatorType"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div> </div></div> </div> <div id="numberBetweenOperator"><div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="numberMinimum"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.minimum@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div></div><div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="numberMaximum"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.maximum@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div></div> </div> <div><div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="numberValue" id="numberValue"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div></div> </div> <div><div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="isInteger"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.number.isInteger@</div> </div> </div></div> </div> </div> <div id="validatorListType"> <div class="insp-row"><div> <div class="insp-text insp-inline-row" data-name="listSource"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.source@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div></div> </div> </div> <div id="validatorFormulaListType"> <div class="insp-row"><div> <div class="insp-text insp-inline-row" data-name="formulaListFormula"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.formula@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div></div> </div> </div> <div id="validatorDateType"> <div><div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="dateValidatorComparisonOperator" id="dateValidatorComparisonOperatorType"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div> </div></div> </div> <div id="dateBetweenOperator"><div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="startDate"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.startDate@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div></div><div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="endDate"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.endDate@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div></div> </div> <div><div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="dateValue" id="dateValue"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.date.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div></div> </div> <div><div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="isTime"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.setting.values.date.isTime@</div> </div> </div></div> </div> </div> <div id="validatorTextLengthType"> <div><div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="validatorComparisonOperatorList" data-name="textLengthValidatorComparisonOperator" id="textLengthValidatorComparisonOperatorType"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.validatorComparisonOperator.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div> </div></div> </div> <div id="textLengthBetweenOperator"><div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="textLengthMinimum"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.minimum@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div> </div></div><div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="textLengthMaximum"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.maximum@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div> </div></div> </div> <div><div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="textLengthValue" id="textLengthValue"> <div class="title insp-inline-row-item insp-col-4 localize">@dataTab.dataValidation.setting.values.number.value@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div></div> </div> </div> </div> </div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@dataTab.dataValidation.inputMessage.title@</span> </div> </div> <div> <div> <div class="insp-row"><div> <div class="insp-checkbox insp-inline-row" data-name="showInputMessage"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.inputMessage.values.showInputMessage@</div> </div></div> </div> </div> <div> <div class="insp-row"><div> <div class="localize">@dataTab.dataValidation.inputMessage.values.title@</div> <input id="dataValidationInputTitle" class="editor insp-inline-row-item insp-col-12" type="text"></div> </div> </div> <div> <div class="insp-row"><div> <div class="localize">@dataTab.dataValidation.inputMessage.values.message@</div> <textarea rows="5" id="dataValidationInputMessage" class="insp-col-12"></textarea></div> </div> </div> </div> </div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@dataTab.dataValidation.errorAlert.title@</span> </div> </div> <div> <div> <div class="insp-row"><div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="errorAlertList" data-name="errorAlert" id="errorAlertType"> <div class="title insp-inline-row-item insp-col-6 localize">@dataTab.dataValidation.errorAlert.values.alertType.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div></div> </div> </div> <div> <div class="insp-row"><div> <div class="insp-checkbox insp-inline-row" data-name="showErrorAlert"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@dataTab.dataValidation.errorAlert.values.showErrorAlert@</div> </div></div> </div> </div> <div> <div class="insp-row"><div> <div class="localize">@dataTab.dataValidation.errorAlert.values.title@</div> <input id="dataValidationErrorAlertTitle" class="editor insp-inline-row-item insp-col-12" type="text"></div> </div> </div> <div> <div class="insp-row"><div> <div class="localize">@dataTab.dataValidation.errorAlert.values.message@</div> <textarea rows="5" id="dataValidationErrorAlertMessage" class="insp-col-12"></textarea></div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row"> <div> <div class="insp-buttons insp-inline-row"> <div class="insp-inline-row-item content"><div class="item"> <div class="button btn btn-default localize" id="clearDataValidatorSettings">@dataTab.dataValidation.clearAllButton@</div></div><div class="item"></div><div class="item"> <div class="button btn btn-default localize" id="setDataValidator">@dataTab.dataValidation.setButton@</div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="commentTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@commentTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="commentDynamicSize"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@commentTab.general.dynamicSize@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="commentDynamicMove"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@commentTab.general.dynamicMove@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="commentLockText"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@commentTab.general.lockText@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="commentShowShadow"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@commentTab.general.showShadow@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@commentTab.font.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontFamilyList" data-name="commentFontFamily"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontFamily@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display">Arial</span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontSizeList" data-name="commentFontSize"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontSize@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display">9</span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontStyleList" data-name="commentFontStyle"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontStyle.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="fontWeightList" data-name="commentFontWeight"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.fontWeight.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-inline-row" data-name="commentTextDecoration"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.font.textDecoration.title@</div> <div class="insp-button-group insp-inline-row-item insp-col-8"><div class="group-container insp-inline-row-item btn-group btn-group-xs btn-group-justified insp-col-12"> <span class="btn btn-default font-underline localize-tooltip" data-name="comment-underline" data-value="1" title="Underline text.">U</span> <span class="btn btn-default font-overline localize-tooltip" data-name="comment-overline" data-value="4" title="Overline text.">O</span> <span class="btn btn-default font-strikethrough localize-tooltip" data-name="comment-strikethrough" data-value="2" title="Strikethrough text.">S</span></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@commentTab.border.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="commentBorderWidth"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.width@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="borderStyleList" data-name="commentBorderStyle"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.style.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="commentBorderColor"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.border.color@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@commentTab.appearance.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="horizontalAlignList" data-name="commentHorizontalAlign"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.horizontalAlign.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display">left</span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="displayModeList" data-name="commentDisplayMode"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.displayMode.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="commentForeColor"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.foreColor@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="commentBackColor"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.backColor@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(255, 255, 255);"></div></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="commentPadding"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.padding@</div> <input class="editor insp-inline-row-item insp-col-8" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="commentOpacity"> <div class="title insp-inline-row-item insp-col-4 localize">@commentTab.appearance.opacity@</div> <input class="editor insp-inline-row-item insp-col-7" type="number"> <div class="title insp-inline-row-item insp-col-1 center-align">%</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="pictureTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@pictureTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox" data-name="pictureMoveAndSize"> <div class="insp-row"><div class="radiobutton insp-inline-row-item checked" data-name="picture-move-size"></div><div class="text insp-inline-row-item localize" data-name="picture-move-size">@pictureTab.general.moveAndSize@</div> </div> <div class="insp-row"><div class="radiobutton insp-inline-row-item" data-name="picture-move-nosize"></div><div class="text insp-inline-row-item localize" data-name="picture-move-nosize">@pictureTab.general.moveAndNoSize@</div> </div> <div class="insp-row"><div class="radiobutton insp-inline-row-item" data-name="picture-nomove-size"></div><div class="text insp-inline-row-item localize" data-name="picture-nomove-size">@pictureTab.general.noMoveAndSize@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="pictureFixedPosition"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@pictureTab.general.fixedPosition@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@pictureTab.border.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="pictureBorderWidth"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.width@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="pictureBorderRadius"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.radius@</div> <input class="editor insp-inline-row-item insp-col-8" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="pictureBorderStyleList" data-name="pictureBorderStyle"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.style.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="pictureBorderColor"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.border.color@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 0, 0);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@pictureTab.appearance.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="pictureStretchList" data-name="pictureStretch"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.appearance.stretch.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-8"><div style="width: 100%; height: 100%"> <span class="display"></span><span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="pictureBackColor"> <div class="title insp-inline-row-item insp-col-4 localize">@pictureTab.appearance.backColor@</div> <div class="picker insp-inline-row-item insp-col-8"><div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(255, 255, 255);"></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="sparklineExTab"> <div class="insp-pane"> <div class="insp-group-layout" id="pieSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.pieSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="pieSparklinePercentage"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.pieSparkline.values.percentage@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> </div> <div id="pieSparklineColorContainer"> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setPieSparkline">@sparklineExTab.pieSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="areaSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.areaSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="areaSparklinePoints"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.points@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="areaSparklineMinimumValue"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.minimumValue@</div><input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="areaSparklineMaximumValue"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.maximumValue@</div><input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="areaSparklineLine1"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.line1@</div><input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="areaSparklineLine2"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.line2@</div><input class="editor insp-inline-row-item insp-col-6 not-min-zero" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="areaSparklinePositiveColor"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.positiveColor@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(120, 120, 120);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="areaSparklineNegativeColor"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.areaSparkline.values.negativeColor@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(203, 0, 0);"></div> </div></div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setAreaSparkline">@sparklineExTab.areaSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="boxplotSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.boxplotSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="boxplotSparklinePoints"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.points@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="boxplotClassList" data-name="boxplotClassType" id="boxplotClassType"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.boxplotClass@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="boxplotSparklineScaleStart"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.scaleStart@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="boxplotSparklineScaleEnd"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.scaleEnd@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="boxplotSparklineAcceptableStart"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.acceptableStart@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="boxplotSparklineAcceptableEnd"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.acceptableEnd@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="boxplotSparklineColorScheme"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.colorScheme@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(210, 210, 210);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="boxplotSparklineStyleList" data-name="boxplotSparklineStyleType"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.boxplotSparkline.values.style@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="boxplotSparklineShowAverage"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.boxplotSparkline.values.showAverage@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="boxplotSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.boxplotSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setBoxPlotSparkline">@sparklineExTab.boxplotSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="bulletSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.bulletSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineMeasure"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.measure@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineTarget"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.target@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineMaxi"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.maxi@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineForecast"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.forecast@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineGood"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.good@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineBad"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.bad@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="bulletSparklineTickUnit"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.tickunit@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="bulletSparklineColorScheme"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.bulletSparkline.values.colorScheme@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(146, 208, 80);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="bulletSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.bulletSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setBulletSparkline">@sparklineExTab.bulletSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="cascadeSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.cascadeSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="cascadeSparklinePointsRange"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.pointsRange@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="cascadeSparklinePointIndex"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.pointIndex@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="cascadeSparklineLabelsRange"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.labelsRange@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="cascadeSparklineMinimum"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.minimum@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="cascadeSparklineMaximum"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.maximum@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="cascadeSparklinePositiveColor"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.positiveColor@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(140, 191, 100);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="cascadeSparklineNegativeColor"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.cascadeSparkline.values.negativeColor@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(214, 96, 77);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="cascadeSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.cascadeSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setCascadeSparkline">@sparklineExTab.cascadeSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="compatibleSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.compatibleSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.data.title@</span> </div> </div> <div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="compatibleSparklineData"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.title@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="orientationList" data-name="dataOrientationType"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dataOrientation@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="compatibleSparklineDateAxisData"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dateAxisData@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="orientationList" data-name="dateAxisOrientationType"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.dateAxisOrientation@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="emptyCellDisplayTypeList" data-name="emptyCellDisplayType" id="emptyCellDisplayType"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.data.displayEmptyCellAs@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row" data-name="showDataInHiddenRowOrColumn"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.data.showDataInHiddenRowOrColumn@</div></div> </div> </div> </div> </div> </div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.show.title@</span> </div> </div> <div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowFirst"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showFirst@</div></div><div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowLast"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showLast@</div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowHigh"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showHigh@</div></div><div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowLow"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showLow@</div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row insp-col-6" data-name="compatibleSparklineShowNegative"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showNegative@</div></div><div class="insp-checkbox insp-inline-row" data-name="compatibleSparklineShowMarkers"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.show.showMarkers@</div></div> </div> </div> </div> </div> </div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.group.title@</span> </div> </div> <div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="axisTypeList" data-name="minAxisType"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.minAxisType@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="manualMin"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.manualMin@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-dropdown-list insp-inline-row" data-list-ref="axisTypeList" data-name="maxAxisType"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.maxAxisType@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="manualMax"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.group.manualMax@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-checkbox insp-inline-row insp-col-6" data-name="rightToLeft"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.group.rightToLeft@</div></div><div class="insp-checkbox insp-inline-row" data-name="displayXAxis"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineExTab.compatibleSparkline.values.group.displayXAxis@</div></div> </div> </div> </div> </div> </div> <div> <div> <div class="insp-row"> <span class="groupheader localize">@sparklineExTab.compatibleSparkline.values.style.title@</span> </div> </div> <div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineNegativeColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.negative@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(165, 42, 42);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineMarkersColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.markers@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(36, 64, 98);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineAxisColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.axis@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 0);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineSeriesColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.series@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(36, 64, 98);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineHighMarkerColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.highMarker@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 255);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineLowMarkerColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lowMarker@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 0, 255);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineFirstMarkerColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.firstMarker@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(149, 179, 215);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-color-picker insp-inline-row" data-name="compatibleSparklineLastMarkerColor"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lastMarker@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(149, 179, 215);"></div> </div> </div></div> </div> </div> </div> <div> <div class="insp-row"> <div><div class="insp-text insp-inline-row" data-name="compatibleSparklineLastLineWeight"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.compatibleSparkline.values.style.lineWeight@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"></div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setCompatibleSparkline">@sparklineExTab.compatibleSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="hbarSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.hbarSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="hbarSparklineValue"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.hbarSparkline.values.value@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="hbarSparklineColorScheme"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.hbarSparkline.values.colorScheme@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(128, 128, 128);"></div> </div></div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setHbarSparkline">@sparklineExTab.hbarSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="vbarSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.vbarSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="vbarSparklineValue"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.vbarSparkline.values.value@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="vbarSparklineColorScheme"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.vbarSparkline.values.colorScheme@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(128, 128, 128);"></div> </div></div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setVbarSparkline">@sparklineExTab.vbarSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="paretoSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.paretoSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklinePoints"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.points@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklinePointIndex"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.pointIndex@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklineColorRange"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.colorRange@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklineTarget"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.target@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklineTarget2"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.target2@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="paretoSparklineHighlightPosition"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.highlightPosition@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="paretoLabelList" data-name="paretoLabelType"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.paretoSparkline.values.label@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="paretoSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.paretoSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setParetoSparkline">@sparklineExTab.paretoSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="scatterSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.scatterSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklinePoints1"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.points1@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklinePoints2"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.points2@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineMinX"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.minX@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineMaxX"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.maxX@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineMinY"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.minY@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineMaxY"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.maxY@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineHLine"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.hLine@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineVLine"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.vLine@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineXMinZone"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.xMinZone@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineXMaxZone"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.xMaxZone@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineYMinZone"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.yMinZone@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="scatterSparklineYMaxZone"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.yMaxZone@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="scatterSparklineColor1"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.color1@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(150, 150, 150);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="scatterSparklineColor2"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.scatterSparkline.values.color2@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(203, 0, 0);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scatterSparklineTags"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.tags@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDrawSymbol"><div class="button insp-inline-row-item checked"></div><div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.drawSymbol@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDrawLines"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.drawLines@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="scatterSparklineDashLine"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.scatterSparkline.values.dashLine@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setScatterSparkline">@sparklineExTab.scatterSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="spreadSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.spreadSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="spreadSparklinePoints"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.points@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="spreadSparklineScaleStart"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.scaleStart@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="spreadSparklineScaleEnd"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.scaleEnd@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="spreadSparklineStyleList" data-name="spreadSparklineStyleType"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.style@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="spreadSparklineColorScheme"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.spreadSparkline.values.colorScheme@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(100, 100, 100);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="spreadSparklineShowAverage"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.spreadSparkline.values.showAverage@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="spreadSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.spreadSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setSpreadSparkline">@sparklineExTab.spreadSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="stackedSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.stackedSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="stackedSparklinePoints"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.points@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="stackedSparklineColorRange"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.colorRange@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="stackedSparklineLabelRange"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.labelRange@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineMaximum"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.maximum@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineTargetRed"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetRed@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineTargetGreen"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetGreen@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineTargetBlue"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetBlue@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineTargetYellow"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.targetYellow@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="stackedSparklineColor"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.color@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(100, 100, 100);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineHighlightPosition"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.highlightPosition@</div><input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="textOrientationList" data-name="stackedSparklineTextOrientation"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.textOrientation@</div><div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="stackedSparklineTextSize"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.stackedSparkline.values.textSize@</div><input class="editor insp-inline-row-item insp-col-5" type="number"><div class="title insp-inline-row-item insp-col-1 center-align">px</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="stackedSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.stackedSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setStackedSparkline">@sparklineExTab.stackedSparkline.values.setButton@</div> </div> </div> </div> </div> <div class="insp-group-layout" id="variSparklineSetting"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@sparklineExTab.variSparkline.title@</span> </span> </div> <div class="insp-group-content"> <div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineVariance"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.variance@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineReference"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.reference@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineMini"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.mini@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineMaxi"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.maxi@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineMark"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.mark@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="variSparklineTickUnit"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.tickunit@</div><input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="variSparklineColorPositive"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.colorPositive@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(0, 128, 0);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="variSparklineColorNegative"><div class="title insp-inline-row-item insp-col-6 localize">@sparklineExTab.variSparkline.values.colorNegative@</div><div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view" style="background-color: rgb(255, 0, 0);"></div> </div></div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="variSparklineLegend"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.variSparkline.values.legend@</div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="variSparklineVertical"><div class="button insp-inline-row-item"></div><div class="text insp-inline-row-item localize">@sparklineExTab.variSparkline.values.vertical@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div class="insp-row col-md-offset-8"> <div class="button btn btn-default group-set localize" id="setVariSparkline">@sparklineExTab.variSparkline.values.setButton@</div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="slicerTab"> <div class="insp-pane"> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@slicerTab.slicerStyle.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="slicer-format-2013" id="slicerStyles"> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light1@"> <div data-name="light1"> <div class="slicer-format-icon slicer-format-light1"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light2@"> <div data-name="light2"> <div class="slicer-format-icon slicer-format-light2"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light3@"> <div data-name="light3"> <div class="slicer-format-icon slicer-format-light3"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light5@"> <div data-name="light5"> <div class="slicer-format-icon slicer-format-light5"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.light.light6@"> <div data-name="light6"> <div class="slicer-format-icon slicer-format-light6"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark1@"> <div data-name="dark1"> <div class="slicer-format-icon slicer-format-dark1"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark2@"> <div data-name="dark2"> <div class="slicer-format-icon slicer-format-dark2"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark3@"> <div data-name="dark3"> <div class="slicer-format-icon slicer-format-dark3"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark5@"> <div data-name="dark5"> <div class="slicer-format-icon slicer-format-dark5"></div> </div> </div></div> </div> <div><div> <div class="slicer-format-item localize-tooltip" title="@slicerTab.slicerStyle.dark.dark6@"> <div data-name="dark6"> <div class="slicer-format-icon slicer-format-dark6"></div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@slicerTab.general.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="slicerName"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.name@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="slicerCaptionName"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.captionName@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="slicerItemSortingList" data-name="slicerItemSorting"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.general.itemSorting.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"><div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span></div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="displaySlicerHeader"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@slicerTab.general.displayHeader@</div> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group expanded"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@slicerTab.layout.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="slicerColumnNumber"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.columnNumber@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="slicerButtonHeight"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.buttonHeight@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-number insp-inline-row" data-name="slicerButtonWidth"> <div class="title insp-inline-row-item insp-col-6 localize">@slicerTab.layout.buttonWidth@</div> <input class="editor insp-inline-row-item insp-col-6" type="number"> </div> </div> </div> </div> </div> </div> </div> <div class="insp-group-layout"> <div class="insp-group"> <div class="insp-group-title"> <span> <span class="group-state fa"></span> <span class="group-text localize">@slicerTab.property.title@</span> </span> </div> <div class="insp-group-content"> <div> <div class="insp-row"> <div> <div class="insp-checkbox" data-name="slicerMoveAndSize"> <div class="insp-row"><div class="radiobutton insp-inline-row-item checked" data-name="slicer-move-size"></div><div class="text insp-inline-row-item localize" data-name="slicer-move-size">@slicerTab.property.moveAndSize@</div> </div> <div class="insp-row"><div class="radiobutton insp-inline-row-item" data-name="slicer-move-nosize"></div><div class="text insp-inline-row-item localize" data-name="slicer-move-nosize">@slicerTab.property.moveAndNoSize@</div> </div> <div class="insp-row"><div class="radiobutton insp-inline-row-item" data-name="slicer-nomove-size"></div><div class="text insp-inline-row-item localize" data-name="slicer-nomove-size">@slicerTab.property.noMoveAndSize@</div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="lockSlicer"> <div class="button insp-inline-row-item checked"></div> <div class="text insp-inline-row-item localize">@slicerTab.property.locked@</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="setfontstyle" style="display: none"></div> <div id="colorpicker" class="colorpicker" style="left: 983.75px; top: 88px;"> <div class="cp-pointer right" style="left: 246px; top: 222px;"></div> <div class="cp-container"> <div class="tab-content"> <div id="theme-color" class="tab-pane active"> <div class="color-cells-container"> <h2 class="color-group-header localize">@colorPicker.themeColors@</h2> <ul id="default-theme-color"> </ul> </div> <div class="colorpicker-standard-color"> <h2 class="color-group-header localize">@colorPicker.standardColors@</h2> <div class="cp-indent"> <ul> <li class="color-cell standard-color-cell" style="background-color: rgb(192, 0, 0);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(255, 0, 0);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(255, 192, 0);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(255, 255, 0);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(146, 208, 80);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(0, 176, 80);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(0, 176, 240);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(0, 112, 192);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(0, 32, 96);"></li> <li class="color-cell standard-color-cell" style="background-color: rgb(112, 48, 160);"></li> </ul> </div> </div> <div class="nofill-color"> <ul> <li class="color-cell auto-color-cell localize">@colorPicker.noFills@</li> </ul> </div> </div> </div> </div> </div> <div class="insp-menu" role="menu" id="conditionalFormatList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="highlight-cells-rules">@conditionalFormat.ruleTypes.highlightCells.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="top-bottom-rules">@conditionalFormat.ruleTypes.topBottom.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="data-bars">@conditionalFormat.ruleTypes.dataBars.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="color-scales">@conditionalFormat.ruleTypes.colorScales.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="icon-sets">@conditionalFormat.ruleTypes.iconSets.title@</div> <div class="shortcut"></div> </div> <div class="menu-item divider"> <div class="image"></div> <div class="text"></div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image nocheck"></div> <div class="text localize" data-value="remove-conditional-formats">@conditionalFormat.ruleTypes.removeConditionalFormat.title@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="highlightCellsRulesList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.highlightCells.values.cellValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.highlightCells.values.specificText@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.ruleTypes.highlightCells.values.dateOccurring@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.ruleTypes.highlightCells.values.unique@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.highlightCells.values.duplicate@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="topBottomRulesList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.topBottom.values.top10@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.ruleTypes.topBottom.values.average@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="colorScaleList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="8">@conditionalFormat.ruleTypes.colorScales.values.twoColors@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="9">@conditionalFormat.ruleTypes.colorScales.values.threeColors@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="colorScaleMinTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.colorScales.valueTypes.lowestValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="colorScaleMidTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="colorScaleMaxTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.colorScales.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.ruleTypes.colorScales.valueTypes.highestValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.colorScales.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.colorScales.valueTypes.percentile@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.colorScales.valueTypes.formula@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="dataBarMinimumTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.valueTypes.lowestValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.dataBars.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.dataBars.valueTypes.percentile@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.ruleTypes.dataBars.valueTypes.automin@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.dataBars.valueTypes.formula@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="dataBarMaximumTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.ruleTypes.dataBars.valueTypes.highestValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.dataBars.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.dataBars.valueTypes.percentile@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.dataBars.valueTypes.formula@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.ruleTypes.dataBars.valueTypes.automax@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="dataBarDirectionList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.directions.leftToRight@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.directions.rightToLeft@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="dataBarAxisPositionList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.dataBars.axisPositions.automatic@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.dataBars.axisPositions.cellMidPoint@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.ruleTypes.dataBars.axisPositions.none@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="iconSetTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.ruleTypes.iconSets.types.threeArrowsColored@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.iconSets.types.threeArrowsGray@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.ruleTypes.iconSets.types.threeTriangles@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.ruleTypes.iconSets.types.threeStars@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.iconSets.types.threeFlags@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.ruleTypes.iconSets.types.threeTrafficLightsUnrimmed@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.ruleTypes.iconSets.types.threeTrafficLightsRimmed@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.ruleTypes.iconSets.types.threeSigns@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="8">@conditionalFormat.ruleTypes.iconSets.types.threeSymbolsCircled@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="9">@conditionalFormat.ruleTypes.iconSets.types.threeSymbolsUncircled@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="10">@conditionalFormat.ruleTypes.iconSets.types.fourArrowsColored@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="11">@conditionalFormat.ruleTypes.iconSets.types.fourArrowsGray@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="12">@conditionalFormat.ruleTypes.iconSets.types.fourRedToBlack@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="13">@conditionalFormat.ruleTypes.iconSets.types.fourRatings@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="14">@conditionalFormat.ruleTypes.iconSets.types.fourTrafficLights@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="15">@conditionalFormat.ruleTypes.iconSets.types.fiveArrowsColored@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="16">@conditionalFormat.ruleTypes.iconSets.types.fiveArrowsGray@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="17">@conditionalFormat.ruleTypes.iconSets.types.fiveRatings@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="18">@conditionalFormat.ruleTypes.iconSets.types.fiveQuarters@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="19">@conditionalFormat.ruleTypes.iconSets.types.fiveBoxes@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="iconSetCriteriaOperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">>=</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">></div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="iconSetCriteriaTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.ruleTypes.iconSets.valueTypes.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.ruleTypes.iconSets.valueTypes.percent@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.ruleTypes.iconSets.valueTypes.formula@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.ruleTypes.iconSets.valueTypes.percentile@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="cellValueOperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.operators.cellValue.types.equalsTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.operators.cellValue.types.notEqualsTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.operators.cellValue.types.greaterThan@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.operators.cellValue.types.greaterThanOrEqualsTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.operators.cellValue.types.lessThan@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.operators.cellValue.types.lessThanOrEqualsTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.operators.cellValue.types.between@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.operators.cellValue.types.notBetween@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="specificTextOperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.operators.specificText.types.contains@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.operators.specificText.types.doesNotContain@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.operators.specificText.types.beginsWith@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.operators.specificText.types.endsWith@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="dateOccurringOperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.operators.dateOccurring.types.today@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.operators.dateOccurring.types.yesterday@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.operators.dateOccurring.types.tomorrow@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.operators.dateOccurring.types.last7Days@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.operators.dateOccurring.types.thisMonth@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.operators.dateOccurring.types.lastMonth@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.operators.dateOccurring.types.nextMonth@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.operators.dateOccurring.types.thisWeek@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="8">@conditionalFormat.operators.dateOccurring.types.lastWeek@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="9">@conditionalFormat.operators.dateOccurring.types.nextWeek@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="top10OperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.operators.top10.types.top@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.operators.top10.types.bottom@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="averageOperatorList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@conditionalFormat.operators.average.types.above@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@conditionalFormat.operators.average.types.below@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@conditionalFormat.operators.average.types.equalOrAbove@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@conditionalFormat.operators.average.types.equalOrBelow@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@conditionalFormat.operators.average.types.above1StdDev@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@conditionalFormat.operators.average.types.below1StdDev@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="6">@conditionalFormat.operators.average.types.above2StdDev@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="7">@conditionalFormat.operators.average.types.below2StdDev@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="8">@conditionalFormat.operators.average.types.above3StdDev@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="9">@conditionalFormat.operators.average.types.below3StdDev@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="clearActionList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="clearAll">@toolBar.clear.clearActions.clearAll@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="clearFormat">@toolBar.clear.clearActions.clearFormat@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="fontFamilyList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text">Arial</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Arial Black</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Calibri</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Cambria</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Century</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Courier New</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Comic Sans MS</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Garamond</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Georgia</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Malgun Gothic</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Mangal</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Meiryo</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">MS Gothic</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">MS Mincho</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">MS PGothic</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">MS PMincho</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Roboto</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Tahoma</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Times</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Times New Roman</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Trebuchet MS</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Verdana</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">Wingdings</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="fontSizeList"> <div class="menu-item"> <div class="image"></div> <div class="text">8</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">9</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text">10</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">11</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">12</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">13</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">14</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">15</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">16</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">18</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">20</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">22</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">24</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">26</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">28</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">36</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">48</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">72</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="fontStyleList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="normal">@commentTab.font.fontStyle.values.normal@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="italic">@commentTab.font.fontStyle.values.italic@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="oblique">@commentTab.font.fontStyle.values.oblique@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="inherit">@commentTab.font.fontStyle.values.inherit@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="fontWeightList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="normal">@commentTab.font.fontWeight.values.normal@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="bold">@commentTab.font.fontWeight.values.bold@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="bolder">@commentTab.font.fontWeight.values.bolder@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="lighter">@commentTab.font.fontWeight.values.lighter@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">100</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">200</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">300</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">400</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">500</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">600</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">700</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">800</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text">900</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="borderStyleList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="none">@commentTab.border.style.values.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="hidden">@commentTab.border.style.values.hidden@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="dotted">@commentTab.border.style.values.dotted@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="dashed">@commentTab.border.style.values.dashed@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="solid">@commentTab.border.style.values.solid@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="double">@commentTab.border.style.values.double@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="groove">@commentTab.border.style.values.groove@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="ridge">@commentTab.border.style.values.ridge@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="inset">@commentTab.border.style.values.inset@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="outset">@commentTab.border.style.values.outset@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="textDecorationList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@commentTab.font.textDecoration.values.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@commentTab.font.textDecoration.values.underline@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="4">@commentTab.font.textDecoration.values.overline@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@commentTab.font.textDecoration.values.linethrough@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="horizontalAlignList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@commentTab.appearance.horizontalAlign.values.left@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@commentTab.appearance.horizontalAlign.values.center@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@commentTab.appearance.horizontalAlign.values.right@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@commentTab.appearance.horizontalAlign.values.general@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="displayModeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@commentTab.appearance.displayMode.values.alwaysShown@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@commentTab.appearance.displayMode.values.hoverShown@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="pictureBorderStyleList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="solid">@pictureTab.border.style.values.solid@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="dotted">@pictureTab.border.style.values.dotted@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="dashed">@pictureTab.border.style.values.dashed@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="double">@pictureTab.border.style.values.double@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="groove">@pictureTab.border.style.values.groove@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="ridge">@pictureTab.border.style.values.ridge@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="inset">@pictureTab.border.style.values.inset@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="outset">@pictureTab.border.style.values.outset@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="pictureStretchList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@pictureTab.appearance.stretch.values.stretch@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@pictureTab.appearance.stretch.values.center@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="2">@pictureTab.appearance.stretch.values.zoom@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="3">@pictureTab.appearance.stretch.values.none@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu border-line-menu" role="menu" id="borderLineList"> <div class="menu-item"> <div class="image"></div> <div class="text localize no-border-margin" data-value="none"> <div class="no-border">@cellTab.border.noBorder@</div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="hair"> <div class="line-style-hair"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="dotted"> <div class="line-style-dotted"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="dash-dot-dot"> <div class="line-style-dash-dot-dot"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="dash-dot"> <div class="line-style-dash-dot"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="dashed"> <div class="line-style-dashed"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="thin"> <div class="line-style-thin"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="medium-dash-dot-dot"> <div class="line-style-medium-dash-dot-dot"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="slanted-dash-dot"> <div class="line-style-slanted-dash-dot"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="medium-dash-dot"> <div class="line-style-medium-dash-dot"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="medium-dashed"> <div class="line-style-medium-dashed"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="medium"> <div class="line-style-medium"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="thick"> <div class="line-style-thick"></div> </div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text" data-value="double"> <div class="line-style-double"></div> </div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="commomFormatList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="nullValue">@cellTab.format.commonFormat.option.general@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0.00">@cellTab.format.commonFormat.option.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="$#,##0.00">@cellTab.format.commonFormat.option.currency@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value='$ #,##0.00;$ (#,##0.00);$ \"-\"??;@'>@cellTab.format.commonFormat.option.accounting@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="m/d/yyyy">@cellTab.format.commonFormat.option.shortDate@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="dddd, mmmm dd, yyyy">@cellTab.format.commonFormat.option.longDate@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="h:mm:ss AM/PM">@cellTab.format.commonFormat.option.time@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0%">@cellTab.format.commonFormat.option.percentage@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="# ?/?">@cellTab.format.commonFormat.option.fraction@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0.00E 00">@cellTab.format.commonFormat.option.scientific@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="@">@cellTab.format.commonFormat.option.text@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="selectionPolicyList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@sheetTab.selection.policy.values.single@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@sheetTab.selection.policy.values.range@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@sheetTab.selection.policy.values.multiRange@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="selectionUnitList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@sheetTab.selection.unit.values.cell@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@sheetTab.selection.unit.values.row@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@sheetTab.selection.unit.values.column@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="scrollTipList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@spreadTab.tip.scrollTip.values.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@spreadTab.tip.scrollTip.values.horizontal@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@spreadTab.tip.scrollTip.values.vertical@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@spreadTab.tip.scrollTip.values.both@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="resizeTipList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@spreadTab.tip.resizeTip.values.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="1">@spreadTab.tip.resizeTip.values.column@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@spreadTab.tip.resizeTip.values.row@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@spreadTab.tip.resizeTip.values.both@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="sheetNameList"> </div> <div class="insp-menu" role="menu" id="dragFillTypeList"> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="5">@spreadTab.dragDropFill.dragFillType.values.auto@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image"></div> <div class="text localize" data-value="0">@spreadTab.dragDropFill.dragFillType.values.copyCells@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@spreadTab.dragDropFill.dragFillType.values.fillSeries@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@spreadTab.dragDropFill.dragFillType.values.fillFormattingOnly@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@spreadTab.dragDropFill.dragFillType.values.fillWithoutFormatting@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="cellTypesList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="button-celltype">@cellTypes.buttonCellType.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="checkbox-celltype">@cellTypes.checkBoxCellType.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="combobox-celltype">@cellTypes.comboBoxCellType.title@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="hyperlink-celltype">@cellTypes.hyperlinkCellType.title@</div> <div class="shortcut"></div> </div> <div class="menu-item divider"> <div class="image"></div> <div class="text"></div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image nocheck"></div> <div class="text localize" data-value="clear-celltype">@cellTypes.clearCellType.title@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="checkboxCellTypeTextAlignList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@cellTypes.checkBoxCellType.values.textAlign.values.top@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@cellTypes.checkBoxCellType.values.textAlign.values.bottom@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@cellTypes.checkBoxCellType.values.textAlign.values.left@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@cellTypes.checkBoxCellType.values.textAlign.values.right@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="comboboxCellTypeEditorValueTypeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@cellTypes.comboBoxCellType.values.editorValueType.values.text@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@cellTypes.comboBoxCellType.values.editorValueType.values.index@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@cellTypes.comboBoxCellType.values.editorValueType.values.value@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="validatorTypeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="anyvalue-validator">@dataTab.dataValidation.setting.values.validatorType.option.anyValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="number-validator">@dataTab.dataValidation.setting.values.validatorType.option.number@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="list-validator">@dataTab.dataValidation.setting.values.validatorType.option.list@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="formulalist-validator">@dataTab.dataValidation.setting.values.validatorType.option.formulaList@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="date-validator">@dataTab.dataValidation.setting.values.validatorType.option.date@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="textlength-validator">@dataTab.dataValidation.setting.values.validatorType.option.textLength@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="formula-validator">@dataTab.dataValidation.setting.values.validatorType.option.custom@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="validatorComparisonOperatorList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="6">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.between@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="7">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.notBetween@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.equalTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.notEqualTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.greaterThan@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="4">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.lessThan@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.greaterThanOrEqualTo@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="5">@dataTab.dataValidation.setting.values.validatorComparisonOperator.option.lessThanOrEqualTo@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="errorAlertList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@dataTab.dataValidation.errorAlert.values.alertType.option.stop@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@dataTab.dataValidation.errorAlert.values.alertType.option.warning@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@dataTab.dataValidation.errorAlert.values.alertType.option.information@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu sparkline-dropdown-width" role="menu" id="sparklineExTypeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="LINESPARKLINE">@sparklineDialog.sparklineExType.values.line@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="COLUMNSPARKLINE">@sparklineDialog.sparklineExType.values.column@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="WINLOSSSPARKLINE">@sparklineDialog.sparklineExType.values.winLoss@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="PIESPARKLINE">@sparklineDialog.sparklineExType.values.pie@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="AREASPARKLINE">@sparklineDialog.sparklineExType.values.area@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="SCATTERSPARKLINE">@sparklineDialog.sparklineExType.values.scatter@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="SPREADSPARKLINE">@sparklineDialog.sparklineExType.values.spread@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="STACKEDSPARKLINE">@sparklineDialog.sparklineExType.values.stacked@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="BULLETSPARKLINE">@sparklineDialog.sparklineExType.values.bullet@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="HBARSPARKLINE">@sparklineDialog.sparklineExType.values.hbar@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="VBARSPARKLINE">@sparklineDialog.sparklineExType.values.vbar@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="VARISPARKLINE">@sparklineDialog.sparklineExType.values.variance@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="BOXPLOTSPARKLINE">@sparklineDialog.sparklineExType.values.boxplot@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="CASCADESPARKLINE">@sparklineDialog.sparklineExType.values.cascade@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="PARETOSPARKLINE">@sparklineDialog.sparklineExType.values.pareto@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="zoomList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0.25">@toolBar.zoom.zoomOption.twentyFivePercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0.5">@toolBar.zoom.zoomOption.fiftyPercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0.75">@toolBar.zoom.zoomOption.seventyFivePercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@toolBar.zoom.zoomOption.defaultSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1.25">@toolBar.zoom.zoomOption.oneHundredTwentyFivePercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1.5">@toolBar.zoom.zoomOption.oneHundredFiftyPercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@toolBar.zoom.zoomOption.twoHundredPercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@toolBar.zoom.zoomOption.threeHundredPercentSize@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="4">@toolBar.zoom.zoomOption.fourHundredPercentSize@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="orientationList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@sparklineExTab.orientation.vertical@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.orientation.horizontal@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="textOrientationList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.orientation.vertical@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@sparklineExTab.orientation.horizontal@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="emptyCellDisplayTypeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@sparklineExTab.emptyCellDisplayType.gaps@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.emptyCellDisplayType.zero@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@sparklineExTab.emptyCellDisplayType.connect@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="axisTypeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="individual">@sparklineExTab.axisType.individual@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="custom">@sparklineExTab.axisType.custom@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="boxplotClassList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="5ns">@sparklineExTab.boxplotClass.fiveNS@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="7ns">@sparklineExTab.boxplotClass.sevenNS@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="tukey">@sparklineExTab.boxplotClass.tukey@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="bowley">@sparklineExTab.boxplotClass.bowley@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="sigma3">@sparklineExTab.boxplotClass.sigma@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="boxplotSparklineStyleList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@sparklineExTab.boxplotStyle.classical@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.boxplotStyle.neo@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="paretoLabelList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@sparklineExTab.paretoLabel.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@sparklineExTab.paretoLabel.single@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.paretoLabel.cumulated@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="spreadSparklineStyleList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@sparklineExTab.spreadStyle.stacked@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@sparklineExTab.spreadStyle.spread@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="3">@sparklineExTab.spreadStyle.jitter@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="4">@sparklineExTab.spreadStyle.poles@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="5">@sparklineExTab.spreadStyle.stackedDots@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="6">@sparklineExTab.spreadStyle.stripe@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="slicerItemSortingList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@slicerTab.general.itemSorting.option.none@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@slicerTab.general.itemSorting.option.ascending@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="2">@slicerTab.general.itemSorting.option.descending@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="spreadThemeList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.spreadJS@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.excel2013white.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013White@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.excel2013lightGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013LightGray@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.excel2013darkGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2013DarkGray@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.excel2016colorful.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2016Colorful@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="css/gcspread.sheets.excel2016darkGray.9.40.20161.0.css">@spreadTab.spreadTheme.theme.option.excel2016DarkGray@</div> <div class="shortcut"></div> </div> </div> <div class="insp-menu" role="menu" id="resizeZeroIndicatorList"> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="0">@spreadTab.resizeZeroIndicator.option.defaultValue@</div> <div class="shortcut"></div> </div> <div class="menu-item"> <div class="image fa fa-check"></div> <div class="text localize" data-value="1">@spreadTab.resizeZeroIndicator.option.enhanced@</div> <div class="shortcut"></div> </div> </div> <ul id="spreadContextMenu" class="dropdown-menu" role="menu" style="display: none"> <li><a class="localize" data-action="cut">@contextMenu.cutItem@</a></li> <li><a class="localize" data-action="copy">@contextMenu.copyItem@</a></li> <li><a class="localize" data-action="paste">@contextMenu.pasteItem@</a></li> <li class="context-header divider"></li> <li class="context-header"><a class="localize" data-action="insert">@contextMenu.insertItem@</a></li> <li class="context-header"><a class="localize" data-action="delete">@contextMenu.deleteItem@</a></li> <li class="context-cell divider"></li> <li class="context-cell context-merge"><a class="localize" data-action="merge">@contextMenu.mergeItem@</a></li> <li class="context-cell context-unmerge"><a class="localize" data-action="unmerge">@contextMenu.unmergeItem@</a></li> </ul> <div class="hidden"> <input type="file" name="image" id="fileSelector" /> </div> <div id="sparklineexdialog" title="SparklineEx" class="hidden"> <div> <div> <div class="insp-row"> <div> <div class="insp-dropdown-list insp-inline-row" data-list-ref="sparklineExTypeList" data-name="sparklineExType" id="sparklineExTypeDropdown"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.sparklineExType.title@</div> <div class="dropdown insp-inline-row-item btn btn-default insp-text-right insp-col-6"> <div style="width: 100%; height: 100%"> <span class="display"></span> <span class="caret"></span> </div> </div> </div> </div> </div> </div> <div class="group-item-divider"></div> <div id="lineContainer"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtLineDataRange"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.lineSparkline.dataRange@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <span class="localize" id="dataRangeError">@sparklineDialog.lineSparkline.dataRangeError@</span> </div> </div> <div> <div class="insp-row"> <span class="localize" id="singleDataRangeError">@sparklineDialog.lineSparkline.singleDataRange@</span> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtLineLocationRange"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.lineSparkline.locationRange@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <span class="localize" id="locationRangeError">@sparklineDialog.lineSparkline.locationRangeError@</span> </div> </div> </div> <div id="bulletContainer"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletMeasure"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.measure@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletTarget"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.target@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletMaxi"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.maxi@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletGood"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.good@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletBad"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.bad@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletForecast"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.forecast@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtBulletTickunit"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.tickunit@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="colorBulletColorScheme"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.bulletSparkline.colorScheme@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(160, 160, 160);"></div> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-checkbox insp-inline-row" data-name="checkboxBulletVertial"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineDialog.bulletSparkline.vertical@</div> </div> </div> </div> </div> </div> <div id="hbarContainer"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtHbarValue"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.hbarSparkline.value@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="colorHbarColorScheme"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.hbarSparkline.colorScheme@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(160, 160, 160);"></div> </div> </div> </div> </div> </div> </div> </div> <div id="varianceContainer"> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVariance"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.variance@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVarianceReference"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.reference@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVarianceMini"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.mini@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVarianceMaxi"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.maxi@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVarianceMark"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.mark@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-text insp-inline-row" data-name="txtVarianceTickUnit"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.tickunit@</div> <input class="editor insp-inline-row-item insp-col-6" type="text"> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="colorVariancePositive"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.colorPositive@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(0, 128, 0);"></div> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-color-picker insp-inline-row" data-name="colorVarianceNegative"> <div class="title insp-inline-row-item insp-col-6 localize">@sparklineDialog.varianceSparkline.colorNegative@</div> <div class="picker insp-inline-row-item insp-col-6"> <div style="width: 100%; height: 100%"> <div class="color-view " style="background-color: rgb(255, 0, 0);"></div> </div> </div> </div> </div> </div> </div> <div> <div class="insp-row"> <div> <div class="insp-inline-row"> <div class="insp-checkbox insp-col-6" data-name="checkboxVarianceLegend"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineDialog.varianceSparkline.legend@</div> </div> <div class="insp-checkbox insp-col-6" data-name="checkboxVarianceVertical"> <div class="button insp-inline-row-item"></div> <div class="text insp-inline-row-item localize">@sparklineDialog.varianceSparkline.vertical@</div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="insertslicerdialog" title="Insert Slicer" class="hidden"> <div id="slicer-container"> </div> </div> <div class="modal" id="modalTemplate" role="dialog" data-backdrop="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default localize" id="dialogConfirm">@dialog.ok@</button> <button type="button" class="btn btn-default localize" data-dismiss="modal">@dialog.cancel@</button> </div> </div> </div> </div></body></html>
评论